1.07 外部样式
外部样式需要一个单独的css文件书写css样式
在head标签模块中使用link标签把单独的css文件关联起来
在同一个页面可以引用多个css文件
1、新建一个css文件:a107.css
#laoliu{
color:blue;
font-size:28px;
}
2、html代码填入:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="a107.css" />
<!--<link rel="stylesheet" type="text/css" href="./a104.css" /> //结果同上-->
<!--link:引入外部文件;-->
<!--rel:定义当前文档与被链接文档间的关系;-->
<!--type:定义被链接文档的mime类型;-->
<!--href:定义被链接文档的路径;-->
</head>
<body>
<div id="laoliu" >
这是外部样式
</div>
</body>
</html>
返回值: